<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button id="btn">按钮</button>
  <!-- button标签，button元素，js里面也可以叫button元素对象 -->

  <input type="text" id="ipt" />
  <img id="img" src="http://img.duoziwang.com/2016/11/22/12362314415.jpg" alt="">
</body>
</html>

<script>
  // 事件处理函数(暂时了解)
  // 反馈用户的一些行为，就是通过函数来进行处理的
  // console.log(btn); // 这里的btn变量就是上面的id="btn"的一个元素的对象

  // btn对象下面有一个onclick方法，用来响应用户的鼠标的单击事件的
  btn.onclick = function() {
    console.log(123);
    img.src = "https://img2.baidu.com/it/u=2203606075,3755008532&fm=253&fmt=auto?w=200&h=200"
  }


  console.log(ipt.type);
  console.log(img.src);
  
</script>